<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    ### 浏览器的地址信息
    - 在 `window` 中有一个对象叫做 `location`
    - 就是专门用来存储浏览器的地址栏内的信息的
    1.操作浏览器的地址
    2.完成地址栏的组成
    2.1协议:两台电脑如果要通讯,必须要加协议(http/https/ftp/file),浏览器自动补全
    2.2域名(IP):电脑的唯一标识是ip地址,电脑只有一个地址,产生了域名.(用户或者公司都可以去通过购买然后注册)
    2.3端口:服务器就是一台昂贵的电脑,如果想要存放不同的程序,需要分配到不同的空间
    比如:比如一个服务器是一个房间,端口就是出入房间的门
    http://123.34.55.66:9090:第一个程序
    http://123.34.55.66:8080:第2个程序
    http://123.34.55.66:9093:第3个程序
    端口可以自由分配,(0-65535)
    http:默认80
    https:,默认443

    2.4路径:找到文件的地址,/分割的
    2.5数据:地址栏自动携带数据,数据通过?拼接到地址栏的后面的,如果多条数据情况喜爱,使用&符号链接
    2.6哈希:地址栏自动#,进行不同页面跳转
    
    注意:地址栏中文,自动乱码

    1.href属性:读写浏览器的地址栏的内容
    <script>
        // https://baike.baidu.com/item/%E4%B8%81%E7%9C%9F%E7%8F%8D%E7%8F%A0/55355315?fromtitle=%E4%B8%81%E7%9C%9F&fromid=54518786#7
        // location.href="https://baike.baidu.com/item/%E4%B8%81%E7%9C%9F%E7%8F%8D%E7%8F%A0/55355315?fromtitle=%E4%B8%81%E7%9C%9F&fromid=54518786#7"
        console.log(location.href);
    </script>

    2.search属性 获取地址栏上面的数据包括问号
    <script>
        console.log(location.search);
    </script>

    3.hash属性,获取地址栏里面hash值,包括#号
    <script>
         console.log(location.hash);
    </script>
    
    4.reload(true) 方法,刷新页面,如果为true,通过缓存刷新
    <script>
        alert(1)
        location.reload(true)
    </script>
</body>
</html>